<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script src="lib/jquery-3.4.1.min.js"></script>

    <link rel="stylesheet" href="//res.layui.com/layui/dist/css/layui.css">
    <script src="//res.layui.com/layui/dist/layui.js" charset="utf-8"></script>
    <!-- <script src="laytest.js"></script> -->
    <!-- <script type="text/javascript">

        $(function(){
            $(".second").hover(function(){
                $(this).html("Mouse Enter");
            },
            function(){
                $(this).html("Mouse Leave");
            });
        });

    </script> -->
</head>

<body>
    <!-- <div id="first">
        First
    </div>
    <div class="second">
        Second
    </div>

    <form id="form" action="http://www.baidu.com">
        <input type="text" name="", id="name">
        <input type="submit" value="提交">
    </form>

    <div style="width:100px;height:100px;background-color:red;" onclick="callbck()"></div> -->

    <ul class="layui-nav" lay-filter="">
        <li class="layui-nav-item"><a href="">最新活动</a></li>
        <li class="layui-nav-item layui-this"><a href="">产品</a></li>
        <li class="layui-nav-item"><a href="">大数据</a></li>
        <li class="layui-nav-item">
            <a href="javascript:;">解决方案</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
                <dd><a href="">移动模块</a></dd>
                <dd><a href="">后台模版</a></dd>
                <dd><a href="">电商平台</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item"><a href="">社区</a></li>
    </ul>

    <script>
        //注意：导航 依赖 element 模块，否则无法进行功能性操作
        layui.use('element', function(){
            var element = layui.element;
            //…
        });
    </script>

</body>
</html>